#pr-main-container{
  position: relative;
  width: 98%;
  height: 96.7%;
  border: 2px solid #cccccc;
  padding: 10px;
}

#pr-assistant-container{
  z-index: 2;
  position: relative;
  width: 100%;
  height: 100%;
}

/*flex属性是将其子组件弄在同一行，除此之外还有grid也可以达到同样的效果，只是各有利弊，第二种更适用于复杂框架*/
#pr-one-container{
  display: flex;
  position: relative;
  width: 100%;
  height: 6%;
  padding: 4px;
}

#pr-search-container{
  display: flex;
  position: relative;
  width: 950px;
  height: 78%;
  border: 1px solid #cccccc;
  background-color: white;
  left: 4px;
  padding: 4px;
}

#pr-table-container{
  position: relative;
  width: 100%;
  height: 88%;
}

#pr-page-container{
  position: relative;
  width: 100%;
  height: 5%;
}

/*#pr-dialog-container{*/
/*  z-index: 1;*/
/*  position: relative;*/
/*  width: 100%;*/
/*  height: 100%;*/
/*  top: -100%;*/
/*}*/

/*#pr-dialog{*/
/*  z-index: 1;*/
/*  position: relative;*/
/*  width: 500px;*/
/*  height: 400px;*/
/*  border: 2px solid #cccccc;*/
/*  border-radius: 20px;*/
/*  background-color: rgba(255, 255, 254, 1); !* 0.9 表示 90% 的不透明度 *!*/
/*  top: 50%;*/
/*  left: 60%;*/
/*  transform: translate(-50%, -50%);*/
/*}*/

/*#pr-dialog > h1 {*/
/*  position: relative;*/
/*  text-align: center;*/
/*}*/

#dialog-select{
  display: flex;
  position: relative;
  width: 300px;
  height: 40px;
  margin: 20px;
}

.title-name{
  display: inline-block;
  width: 90px;
  height: 20px;
  text-align: justify; /* 使用justify来实现所有字中间等间距显示 */
  margin: 4px 0 0 0;
  padding: 0;
}

.title-name::after {
  content: "";
  display: inline-block;
  width: 100%;
}

/*审核意见框*/
#audit-opinion{
  display: flex;
  position: relative;
  width: 460px;
  margin: 20px;
}

#inspection-result{
  display: flex;
  position: relative;
  width: 460px;
  margin: 20px;
  margin-top: 30px;
}

#audit-button{
  width: 100%;
  display: flex;
  /*设置容器内的组件居中显示*/
  justify-content: center;
}
